html{
    background: #fff;
}

.detailSongList{
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #B09E90;
    background-size: 120% 120%;
}

.detailSongList .detailHeader{
    display: flex;
    height:3.125rem;
    color: #000;
    background-color:transparent;
}
.headerLeft{
    width: 3.125rem;
    display: flex;
}
.headerLeft .back {
    margin: auto auto;
    font-size: 1.875rem;
}

.headerRight{
    width: 3.125rem;
    display: flex;
}

.headerMain{
    display: flex;
    flex: 1;
}

.headerMain span{
    margin: auto auto;
    font-weight: 700;
    font-size: 18px;
}

.headerRight .right {
      margin: auto auto;
      font-size: 1.3rem;
}

.detailConent{
    height:16.75rem;
    padding: 1.25rem  1.25rem 0  1.25rem;
    display: flex;
    flex-direction: column;
    color: #fff;
}
.detailConentTop{
    display:flex;

}

.detailImgWrap{
    height: 8.75rem;
    width:  8.75rem;
    margin-right: 1.25rem;
}
.detailImgWrap img{
    height:100%;
    width:100%;
}

.detailConentTop .topContent{
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}
.detailConentTop .topContent h2 {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.authorInfo {
    height: 1.875rem;
    display: flex;
    
}

.authorImg{
    height: 1.875rem;
    width: 1.875rem;
    border-radius: 50%;
    background-color: bisque;
    overflow: hidden;
}
.authorImg img{
    height: 100%;
    width: 100%;
    
}

.authorName {
    display:flex;
    margin-left: 5px;
    color:hsla(0,0%,100%,.7);
    
}
.authorName span{
    margin: auto auto;
    font-size: 12px;
   
 
}

.introduce{
    width: 100%;
    height: 2rem;
    display:flex;
}

.introduceInner {
    /* width: 70%; */
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /*截取第三行*/
    overflow: hidden;
    text-overflow:ellipsis;
    color:hsla(0,0%,100%,.7);
}

.detailConent .btn1 .first,.detailConent .btn1  .second,.detailConent .btn1 .third,.detailConent .btn1 .fouth{
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.detailConent .btn1{
    display: flex;
    flex: 1;
    justify-content: space-around;
}



.remark,.share,.download,.allcheck{
    color:#fff;
    font-size: 1.875rem;
}

.detailSong{
    display: flex;
    flex: 1;
    overflow: auto;
    background-color: #fff;
    border-top-left-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
    flex-direction: column;
    padding-top: .625rem;
}
.detailTitle{
    display: flex;
    height: 3.75rem;
    padding: .625rem  .625rem;
    align-items: center;
    justify-content: space-between;
}

                      
.titleLeft{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.broadCastAll{
    font-size: 20px;
    margin-right: .625rem;
}
.titleLeft i {
    color: #8a8a8a;
}

.titleRight{
    width: 6.25rem;
    background-color: red;
    height: 100%;
    border-radius: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.titleRight .addIcon {
    color: #fff;
    font-size: .75rem;
    margin-right: 5px;
}
.titleRight u {
    color: #fff;
    font-size: 12px;
}

.detailSongMain{
   display: flex;
   flex: 1;
   padding: 0 .625rem  0 .625rem;
   flex-direction: column;

}
.detailSongMain a{
  display: flex;
  flex-direction: row;
  height: 3.125rem;
  align-items: center;
}

.detailSongMain a i {
    font-size: 18px;
    color: #8a8a8a;
    margin-right: 1.875rem;
}

.detailSongMain a h2 {
    font-size: 14px;
    text-align: left;
}

.detailSongMain a .info{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.infoInner{
    display: flex;
    flex-direction: row;
}


.detailSongMain a .info .name{
   font-size: 12px;
   color: #8a8a8a;
}
.detailSongMain a .info .songName{
    font-size: 12px;
    color: #8a8a8a;
 }
 .detailSongMain a .info h2 {
     color: #000;
 }

 .detailSongRight{
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     width: 3.125rem;
     
 }

 .detailSongRight .BroadCastIcon{
     font-size: 1.875rem;
     color: #8a8a8a;
 }

 